<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>优学网</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">导航</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">优学网</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li><a href="index.html">辅导</a></li>
              <li><a href="kids.html">孩子</a></li>
              <li class="active"><a href="teachers.html">教师</a></li>
              <li><a href="teachers.html">超级课程</a></li>
              <li><a href="#">有料</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#"><img src="images/qq.png" alt="QQ登录" title="QQ登录" />&nbsp;QQ登录</a></li>
              <li><a href="#"><img src="images/weibo.png" alt="新浪微博登录" title="新浪微博登录"/>&nbsp;微博登录</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>

	<div class="container"> 
    	<div class="jumbotron">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
                    <div id="carousel" class="carousel slide" data-ride="carousel">
                      <ol class="carousel-indicators">
                        <li data-target="#carousel" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel" data-slide-to="1" class=""></li>
                        <li data-target="#carousel" data-slide-to="2" class=""></li>
                      </ol>
                      <div class="carousel-inner" role="listbox">
                        <div class="item active">
                          <img alt="back1" src="images/back1.jpg">
                        </div>
                        <div class="item">
                          <img alt="back2" src="images/back2.jpg">
                        </div>
                        <div class="item">
                          <img alt="back3" src="images/back3.jpg">
                        </div>
                      </div>
                      <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                        <span class="sr-only">Previous</span>
                      </a>
                      <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <span class="sr-only">Next</span>
                      </a>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="padding-top: 25px;padding-right: 25px;">
                	<p><span class="text-primary"><strong>500</strong></span> 名教师已加入</p>
                    <p><span class="text-primary"><strong>1000</strong></span> 份辅导已完成</p>
                    <p><span class="text-primary"><strong>820</strong></span> 名孩子已获得优质辅导</p>
                    <hr class="site hr-dash-white"/>
                    <blockquote class="site blockquote a">
                    	<a href="#" class="site talk-words">
                        	优学网是一个相当好的平台，在这里实现教师的教育价值！我希望更多的教师加入这个平台，为更多的孩子创造更好的未来。
                    	</a>
                   		<footer>赣州市市长史文清</footer>
              		</blockquote>
                </div>
             </div>
        </div>
    </div>
    
    <div class="container margin-bottom-15">
    	<div class="page-header">
        	<h4>所有教师<small>（共500名）</small></h4>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
            	<div class="site teacher-list-item">
                    <div>
                    	<div class="pull-left">
                        	<a href="teacher.html">
                        		<img src="images/default-teacher-icon.png" class="img-circle site u-small-icon"/>
                            </a>
                        </div>
                    	<div class="site icon-left-small">
                        	<p class="site a"><a href="teacher.html"><strong>闵老师</strong></a></p>
                            <p><strong>赣南师范学院教育技术学专业</strong></p>
                        </div>
                    </div>
                    <p>专长：数学，英语，计算机</p>
                    <p><span class="text-primary">1</span>&nbsp;份辅导正在进行中</p>
               	 	<p class="site a">成功辅导&nbsp;<a href="teacher.html#all-tutorship"><strong>9名孩子</strong></a>，共<span class="text-primary">185</span>课时</p>
                    <p>自我评价：我是一个认真负责，知识过硬，亲近孩子的老师。期望辅导更多的孩子，让他们快乐地成长。</p>
                    <p class="site talk-words">王小帅这个孩子实际是很聪明的，可能是之前没有较好地掌握思考方法，经过辅导后，能较好地运用系统思维来解决数学问题。</p>
                   	<hr />
                    <div class="pull-right">
                    	<a class="btn btn-primary" href="teacher.html">查看详情&nbsp;(378)</a>
                    </div>
                    <div>
                    	<p class="site datetime">2015年1月7日</p>
                    	<p>
                            <a href="#"><span class="fa fa-heart">&nbsp;5</span></a> &nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="#"><span class="fa fa-comments">&nbsp;2</span></a>
                        </p>
                    </div>
                    <div class="clearfix"></div>
                    <div class="site teacher-status"><h4><span class="label label-danger">辅导中</span></h4></div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
            	<div class="site teacher-list-item">
                    <div>
                    	<div class="pull-left">
                        	<img src="images/adult.jpg" class="img-circle site u-small-icon"/>
                        </div>
                    	<div class="site icon-left-small">
                        	<p class="site a"><a href="#"><strong>闵老师</strong></a></p>
                            <p><strong>赣南师范学院教育技术学专业</strong></p>
                        </div>
                    </div>
                    <p>专长：数学，英语，计算机</p>
               	 	<p class="site a">成功辅导&nbsp;<a href="#"><strong>9名孩子</strong></a>，共<span class="text-primary">185</span>课时</p>
                    <p>自我评价：我是一个认真负责，知识过硬，亲近孩子的老师。期望辅导更多的孩子，让他们快乐地成长。</p>
                    <p class="site talk-words">王小帅这个孩子实际是很聪明的，可能是之前没有较好地掌握思考方法，经过辅导后，能较好地运用系统思维来解决数学问题。</p>
                   	<hr />
                    <div class="pull-right">
                    	<a class="btn btn-primary" href="#">查看详情&nbsp;(378)</a>
                    </div>
                    <div>
                    	<p class="site datetime">
                        	2015年1月7日
                        </p>
                    	<p>
                            <a href="#"><span class="fa fa-heart"> 30</span></a> &nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="#"><span class="fa fa-comments"> 50</span></a>
                        </p>
                    </div>
                    <div class="clearfix"></div>
                    <div class="site teacher-status"><h4><span class="label label-success">无辅导</span></h4></div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
            	<div class="site teacher-list-item">
                    <div>
                    	<div class="pull-left">
                        	<img src="images/adult.jpg" class="img-circle site u-small-icon"/>
                        </div>
                    	<div class="site icon-left-small">
                        	<p class="site a"><a href="#"><strong>闵老师</strong></a></p>
                            <p><strong>赣南师范学院教育技术学专业</strong></p>
                        </div>
                    </div>
                    <p>专长：数学，英语，计算机</p>
               	 	<p class="site a">成功辅导&nbsp;<a href="#"><strong>9名孩子</strong></a>，共<span class="text-primary">185</span>课时</p>
                    <p>自我评价：我是一个认真负责，知识过硬，亲近孩子的老师。期望辅导更多的孩子，让他们快乐地成长。</p>
                    <p class="site talk-words">王小帅这个孩子实际是很聪明的，可能是之前没有较好地掌握思考方法，经过辅导后，能较好地运用系统思维来解决数学问题。</p>
                   	<hr />
                    <div class="pull-right">
                    	<a class="btn btn-primary" href="#">查看详情&nbsp;(378)</a>
                    </div>
                    <div>
                    	<p class="site datetime">
                        	2015年1月7日
                        </p>
                    	<p>
                            <a href="#"><span class="fa fa-heart"> 30</span></a> &nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="#"><span class="fa fa-comments"> 50</span></a>
                        </p>
                    </div>
                    <div class="clearfix"></div>
                    <div class="site teacher-status"><h4><span class="label label-success">无辅导</span></h4></div>
                </div>
            </div>
        </div>
        
        <nav class="text-center">
        	<ul id="app-pager"></ul>
        </nav>
        
    </div>
    
    <footer class="site footer">
      <div class="container">
        <div class="row site footer-top">
          <div class="col-sm-4 col-lg-5">
            <h4>
              <a href="index.html">优学网</a>
            </h4>
            <p>为孩子提供优质的教学及兴趣辅导，让孩子更加快乐地成长！</p>
          </div>
          <div class="col-sm-8  col-lg-6 col-lg-offset-1">
            <div class="row site about">
              <div class="col-xs-6 col-lg-3">
                <h4>关于</h4>
                <ul class="list-unstyled">
                  <li><a href="about.html">关于我们</a></li>
                  <li><a href="#">用户评价</a></li>
                  <li><a href="#">问题及帮助</a></li>
                  <li><a href="#">留言及建议</a></li>
                  <li><a href="blacklist.html">黑名单</a></li>
                  <li><a href="privacy.html">隐私声明</a></li>
                </ul>
              </div>
              <div class="col-xs-6 col-lg-3">
                <h4>合作与赞助</h4>
                <ul class="list-unstyled">
                	<li><a href="#">学校列表</a></li>
                    <li><a href="#">品牌列表</a></li>
                    <li><a href="#" target="_blank">赞助商列表</a></li>
                    <li><a href="#">广告合作</a></li>
                  	<li><a href="#">友情链接</a></li>
                </ul>
              </div>
              <div class="col-xs-12 col-lg-6">
                <h4>联系方式</h4>
                <ul class="list-unstyled">
                	<li><a href="#"><i class="fa fa-qq"></i> QQ：847315251</a></li>
                	<li><a href="#"><i class="fa fa-wechat"></i> 微信</a></li>
                  <li><a href="#"><i class="fa fa-weibo"></i> 新浪微博</a></li>
                  <li><a href="javascript:;"><i class="fa fa-envelope"></i> 邮箱：847315251@qq.com</a></li>
                </ul>
              </div>
            </div>
    
          </div>
        </div>
        <hr>
        <div class="row site footer-bottom">
          <ul class="list-inline text-center">
            <li>Copyright &copy; 2015 - 优学网</li>
          </ul>
        </div>
      </div>
    </footer>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-paginator.min.js"></script>
    <script src="js/jquery.page-back.js"></script>
    <script src="js/main.js"></script>
    <script>
    	$('#app-pager').bootstrapPaginator(pager_options);
    </script>
  </body>
</html>